@extends('main.layout')
@section('title')
    <title>{{ App\Model\Config::find(1)['title'] }}</title>
@endsection
@section('link')
    <link href="css/swiper.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/news.css">
    {{--<link rel="stylesheet" href="/css/news_detail.css">--}}
    <style>
        .section_news {
            height:450px;
        }
    </style>
@endsection
@section('content')
    <!--Main Slider-->
    <section class="main-slider" data-start-height="820" data-slide-overlay="yes">

        <div class="tp-banner-container">
            <div class="tp-banner">
                <ul>
                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/1.jpg"  data-saveperformance="off"  data-title="Awesome Title Here">
                        <img src="images/main-slider/1.jpg"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="left" data-hoffset="15"
                             data-y="center" data-voffset="-60"
                             data-speed="1500"
                             data-start="0"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="text">众智天成集团</div>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="left" data-hoffset="15"
                             data-y="center" data-voffset="20"
                             data-speed="1500"
                             data-start="500"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <h2>肩负历史、繁荣、发展 <br> 是我们终始不变的使命</h2>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="left" data-hoffset="15"
                             data-y="center" data-voffset="110"
                             data-speed="1500"
                             data-start="1000"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="btn-box"><a href="#" class="theme-btn btn-style-one">点击查看</a></div>
                        </div>

                    </li>

                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/2.jpg"  data-saveperformance="off"  data-title="Awesome Title Here">
                        <img src="images/main-slider/2.jpg"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="center" data-hoffset="0"
                             data-y="center" data-voffset="-60"
                             data-speed="1500"
                             data-start="0"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="text">众智天成集团</div>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme text-center"
                             data-x="center" data-hoffset="0"
                             data-y="center" data-voffset="20"
                             data-speed="1500"
                             data-start="500"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <h2>肩负历史、繁荣、发展 <br> 是我们终始不变的使命</h2>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="center" data-hoffset="-115"
                             data-y="center" data-voffset="110"
                             data-speed="1500"
                             data-start="1000"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="btn-box"><a href="#" class="theme-btn btn-style-one">查看更多</a></div>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="center" data-hoffset="55"
                             data-y="center" data-voffset="110"
                             data-speed="1500"
                             data-start="1000"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="btn-box"><a href="#" class="theme-btn btn-style-two">联系我们</a></div>
                        </div>

                    </li>

                    <li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-thumb="images/main-slider/3.jpg"  data-saveperformance="off"  data-title="Awesome Title Here">
                        <img src="images/main-slider/3.jpg"  alt=""  data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="center" data-hoffset="0"
                             data-y="center" data-voffset="-60"
                             data-speed="1500"
                             data-start="0"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="text">众智天成集团</div>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme text-center"
                             data-x="center" data-hoffset="0"
                             data-y="center" data-voffset="20"
                             data-speed="1500"
                             data-start="500"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <h2>肩负历史、繁荣、发展 <br> 是我们终始不变的使命</h2>
                        </div>

                        <div class="tp-caption sft sfb tp-resizeme"
                             data-x="center" data-hoffset="0"
                             data-y="center" data-voffset="110"
                             data-speed="1500"
                             data-start="1000"
                             data-easing="easeOutExpo"
                             data-splitin="none"
                             data-splitout="none"
                             data-elementdelay="0.01"
                             data-endelementdelay="0.3"
                             data-endspeed="1200"
                             data-endeasing="Power4.easeIn">
                            <div class="btn-box"><a href="#" class="theme-btn btn-style-one">联系我们</a></div>
                        </div>

                    </li>

                </ul>

                <div class="tp-bannertimer"></div>
            </div>
        </div>
    </section>
    <!--End Main Slider-->

    <!--Inquiry Form-->
    <section class="inquiry-section wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
        <div class="auto-container">
            <h3>众智天成旗下各服务子公司</h3>
            <script type="text/javascript">
                // 传入动态列表参数，对应service_title_*和service_list_*
                var arr = new Array('zscq', 'ggsj', 'yxch', 'cszx', 'tzrz', 'rlzy', 'flzx', 'qyglzx');
            </script>
            <!--Inquiry Form-->
            <div class="inquiry-form">
                <section class="hashTabber-sandstone-wrapper">
                    <ol class="hashTabber-nav hashTabber-sandstone" data-hashtabber-id="dinosaurs" data-hashtabber-default="pterosaur">
                        <li id="service_title_zscq" class="active">
                            <a href="#" onmouseover="service_active('zscq')">{{ $service[0]['name'] }}</a>
                        </li>
                        <li id="service_title_ggsj" class="">
                            <a href="#" onmouseover="service_active('ggsj')">{{ $service[1]['name'] }}</a>
                        </li>
                        <li id="service_title_yxch" class="">
                            <a href="#" onmouseover="service_active('yxch')">{{ $service[2]['name'] }}</a>
                        </li>
                        <li id="service_title_cszx" class="">
                            <a href="#" onmouseover="service_active('cszx')">{{ $service[3]['name'] }}</a>
                        </li>
                        <li id="service_title_tzrz" class="">
                            <a href="#" onmouseover="service_active('tzrz')">{{ $service[4]['name'] }}</a>
                        </li>
                        <li id="service_title_rlzy" class="">
                            <a href="#" onmouseover="service_active('rlzy')">{{ $service[5]['name'] }}</a>
                        </li>
                        <li id="service_title_flzx" class="">
                            <a href="#" onmouseover="service_active('flzx')">{{ $service[6]['name'] }}</a>
                        </li>
                        <li id="service_title_qyglzx" class="">
                            <a href="#" onmouseover="service_active('qyglzx')">{{ $service[7]['name'] }}</a>
                        </li>
                    </ol><!--
                 --><ol class="hashTabber-data hashTabber-sandstone" data-hashtabber-id="dinosaurs">
                        <li id="service_list_zscq" class="active">
                            <section class="intro">
                                @if(empty($service[1]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[0]['top']['id']}}"><img src="/upload/{{ $service[0]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[0]['top']['id']}}"><h4>{{ $service[0]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[0]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[0]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                {{--<table>--}}
                                    {{--<tr>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-1.png">--}}
                                            {{--<article>专利申请</article>--}}
                                        {{--</td>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-2.png">--}}
                                            {{--<article>专利申请</article>--}}
                                        {{--</td>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-3.png">--}}
                                            {{--<article>版权登记</article>--}}
                                        {{--</td>--}}
                                    {{--</tr>--}}
                                    {{--<tr>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-4.png">--}}
                                            {{--<article>商标注册</article>--}}
                                        {{--</td>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-5.png">--}}
                                            {{--<article>专利申请</article>--}}
                                        {{--</td>--}}
                                        {{--<td>--}}
                                            {{--<img src="images/resource/icon-6.png">--}}
                                            {{--<article>版权登记</article>--}}
                                        {{--</td>--}}
                                    {{--</tr>--}}
                                {{--</table>--}}
                                <ul>
                                    @foreach($service[0]['recomm'] as $recomm0 => $service0)
                                    <li>
                                        <img src="/upload/{{ $service0['picture'] }}">
                                        <a href="/service/detail/{{$service0['id']}}"><article>{{ $service0['title'] }}</article></a>
                                    </li>
                                    @endforeach

                                </ul>
                            </section>
                        </li>
                        <li id="service_list_ggsj" class="">
                            <section class="intro">
                                @if(empty($service[1]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[1]['top']['id']}}"><img src="/upload/{{ $service[1]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[1]['top']['id']}}"><h4>{{ $service[1]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[1]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[1]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[1]['recomm'] as $recomm1 => $service1)
                                        <li>
                                            <img src="/upload/{{ $service1['picture'] }}">
                                            <a href="/service/detail/{{$service1['id']}}"><article>{{ $service1['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>

                        <li id="service_list_yxch" class="">
                            <section class="intro">
                                @if(empty($service[2]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[2]['top']['id']}}"><img src="/upload/{{ $service[2]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[2]['top']['id']}}"><h4>{{ $service[2]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[2]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[2]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[2]['recomm'] as $recomm2 => $service2)
                                        <li>
                                            <img src="/upload/{{ $service2['picture'] }}">
                                            <a href="/service/detail/{{$service2['id']}}"><article>{{ $service2['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>
                        <li id="service_list_cszx" class="">
                            <section class="intro">
                                @if(empty($service[3]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[3]['top']['id']}}"><img src="/upload/{{ $service[3]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[3]['top']['id']}}"><h4>{{ $service[3]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[3]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[3]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[3]['recomm'] as $recomm3 => $service3)
                                        <li>
                                            <img src="/upload/{{ $service3['picture'] }}">
                                            <a href="/service/detail/{{$service3['id']}}"><article>{{ $service3['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>

                        <li id="service_list_tzrz" class="">
                            <section class="intro">
                                @if(empty($service[4]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[4]['top']['id']}}"><img src="/upload/{{ $service[4]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[4]['top']['id']}}"><h4>{{ $service[4]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[4]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[4]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[4]['recomm'] as $recomm4 => $service4)
                                        <li>
                                            <img src="/upload/{{ $service4['picture'] }}">
                                            <a href="/service/detail/{{$service04['id']}}"><article>{{ $service4['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>
                        <li id="service_list_rlzy" class="">
                            <section class="intro">
                                @if(empty($service[5]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[5]['top']['id']}}"><img src="/upload/{{ $service[5]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[5]['top']['id']}}"><h4>{{ $service[5]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[5]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[5]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[5]['recomm'] as $recomm5 => $service5)
                                        <li>
                                            <img src="/upload/{{ $service5['picture'] }}">
                                            <a href="/service/detail/{{$service5['id']}}"><article>{{ $service5['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>
                        <li id="service_list_flzx" class="">
                            <section class="intro">
                                @if(empty($service[6]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[6]['top']['id']}}"><img src="/upload/{{ $service[6]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[6]['top']['id']}}"><h4>{{ $service[6]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[6]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[6]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[6]['recomm'] as $recomm6 => $service6)
                                        <li>
                                            <img src="/upload/{{ $service6['picture'] }}">
                                            <a href="/service/detail/{{$service6['id']}}"><article>{{ $service6['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>
                        <li id="service_list_qyglzx" class="">
                            <section class="intro">
                                @if(empty($service[7]['top']['id']))
                                @else
                                <a href="/service/detail/{{$service[7]['top']['id']}}"><img src="/upload/{{ $service[7]['top']['picture'] }}" class="img-responsive"></a>
                                <a href="/service/detail/{{$service[7]['top']['id']}}"><h4>{{ $service[7]['top']['title'] }}</h4></a>
                                <article>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{ $service[7]['top']['description'] }}</article>
                                @endif
                                <a href="serviceList/{{ $service[7]['id'] }}"><button class="btn btn-default">查看更多</button></a>
                            </section>
                            <section class="list table-responsive">
                                <ul>
                                    @foreach($service[7]['recomm'] as $recomm7 => $service7)
                                        <li>
                                            <img src="/upload/{{ $service7['picture'] }}">
                                            <a href="/service/detail/{{$service7['id']}}"><article>{{ $service7['title'] }}</article></a>
                                        </li>
                                    @endforeach
                                </ul>
                            </section>
                        </li>
                    </ol>
                </section>

            </div>
            <!--End Inquiry Form-->
            <script type="text/javascript">

            </script>
        </div>
    </section>
    <!--End Inquiry Form-->


    <!--News Section-->
    <section class="news-section">
        <div class="auto-container">
            <!--Sec Title-->
            <div class="sec-title">
                <h3>新闻媒体</h3>
                <!-- <div class="text">新闻资讯中心</div> -->
            </div>
            <!--Sec Title-->
            <div class="row">
                <div class="col-md-6 col-sm-6 col-xs-12 section_news">
                    {{--<div id="carousel-example-generic" class="carousel slide slide_box section_box" data-ride="carousel">--}}
                        {{--<!-- Indicators -->--}}
                        {{--<ol class="carousel-indicators">--}}
                            {{--<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>--}}
                            {{--<li data-target="#carousel-example-generic" data-slide-to="1"></li>--}}
                            {{--<li data-target="#carousel-example-generic" data-slide-to="2"></li>--}}
                        {{--</ol>--}}

                        {{--<!-- Wrapper for slides -->--}}
                        {{--<div class="carousel-inner" role="listbox">--}}
                            {{--<div class="item active slide_img">--}}
                                {{--<img src="images/resource/adventure-1.jpg" alt="..." class="img-responsive">--}}
                                {{--<div class="carousel-caption box">--}}
                                    {{--新闻标题1--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="item slide_img">--}}
                                {{--<img src="images/resource/adventure-2.jpg" alt="..." class="img-responsive">--}}
                                {{--<div class="carousel-caption box">--}}
                                    {{--新闻标题2--}}
                                {{--</div>--}}
                            {{--</div>--}}
                            {{--<div class="item slide_img">--}}
                                {{--<img src="images/resource/adventure-3.jpg" alt="..." class="img-responsive">--}}
                                {{--<div class="carousel-caption box">--}}
                                    {{--新闻标题3--}}
                                {{--</div>--}}
                            {{--</div>--}}
                        {{--</div>--}}

                        {{--<!-- Controls -->--}}
                        {{--<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">--}}
                            {{--<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>--}}
                            {{--<span class="sr-only">Previous</span>--}}
                        {{--</a>--}}
                        {{--<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">--}}
                            {{--<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>--}}
                            {{--<span class="sr-only">Next</span>--}}
                        {{--</a>--}}
                    {{--</div>--}}
                    <div class="swiper-container section_news" id="swiper">
                        <div class="swiper-wrapper">
                            @foreach($news_recomm as $recomm => $rec)
                            <div class="swiper-slide">
                                <a href="/news/detail/{{$rec['id']}}"><img src="/upload/{{$rec['picture']}}" alt="..." class="img-responsive" width="100%"></a>
                                <a href="/news/detail/{{$rec['id']}}"><div class="carousel-caption box">
                                    {{$rec['title']}}
                                </div></a>
                            </div>
                            @endforeach
                            {{--<div class="swiper-slide">slider2</div>--}}
                            {{--<div class="swiper-slide">slider3</div>--}}
                        </div>
                        <div class="swiper-pagination"></div>
                        <div class="swiper-button-prev"></div>
                        <div class="swiper-button-next"></div>
                    </div>
                </div>
                <div class="col-md-6 col-sm-6 col-xs-12 section_news">
                    <div class="row">
                        @if(!empty($news_top))
                        <div class="col-md-5 col-sm-12 col-xs-6">
                            <a href="news/detail/{{$news_top->id}}"><img src="/upload/{{ $news_top->picture }}" alt="..." class="img-responsive"></a>
                        </div>
                        <div class="col-md-7 col-sm-12 col-xs-6">
                            <h5><a href="news/detail/{{$news_top->id}}">{{ $news_top->title }}</a></h5>
                            <p>{{ $news_top->description }}</p>
                        </div>
                        @else
                            <div></div>
                        @endif
                    </div>
                    <div class="row">
                        <div class="col-md-12 news_list">
                            @foreach($news as $new => $w)
                            <div class="line">
                                <p>{{ $w['create'] }}</p>
                                <h6><a href="news/detail/{{$w['id']}}">{{ $w['title'] }}</a></h6>
                            </div>
                            @endforeach
                            {{--<div class="line">--}}
                                {{--<p>2017-10-22</p>--}}
                                {{--<h6><a href="">文章标题文章标题1</a></h6>--}}
                            {{--</div>--}}
                            {{--<div class="line">--}}
                                {{--<p>2017-10-22</p>--}}
                                {{--<h6><a href="">文章标题文章标题1</a></h6>--}}
                            {{--</div>--}}
                            {{--<div class="line">--}}
                                {{--<p>2017-10-22</p>--}}
                                {{--<h6><a href="">文章标题文章标题1</a></h6>--}}
                            {{--</div>--}}
                            {{--<div class="line">--}}
                                {{--<p>2017-10-22</p>--}}
                                {{--<h6><a href="">文章标题文章标题1</a></h6>--}}
                            {{--</div>--}}
                            {{--<div class="line">--}}
                                {{--<p>2017-10-22</p>--}}
                                {{--<h6><a href="">文章标题文章标题1</a></h6>--}}
                            {{--</div>--}}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

<!--Services Section-->
<section class="services-section">
    <div class="auto-container">
        <!--Sec Title-->
        <div class="sec-title">
            <h3>服务理念</h3>
            <!-- <div class="text">我们的优势</div> -->
        </div>

        <div class="outer-box" style="background-image: url(images/background/dotted-map.png);">
            <div class="row clearfix">

                <!--Left Column-->
                <div class="left-column col-md-4 col-sm-6 col-xs-12 pull-left">
                    <!--Service Block One-->
                    <div class="service-block-one">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-idea"></span>
                            </div>
                            <h4><a href="/idea/1">国际化服务理念</a></h4>
                            <div class="text">International service concept </div>
                        </div>
                    </div>

                    <!--Service Block One-->
                    <div class="service-block-one">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-technology"></span>
                            </div>
                            <h4><a href="/idea/2">网络化科技技术</a></h4>
                            <div class="text">Networked science and technology</div>
                        </div>
                    </div>

                    <!--Service Block One-->
                    <div class="service-block-one">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-communication-1"></span>
                            </div>
                            <h4><a href="/idea/3">专业化服务团队</a></h4>
                            <div class="text">special service group</div>
                        </div>
                    </div>

                </div>

                <!--Right Column-->
                <div class="right-column col-md-4 col-sm-6 col-xs-12 pull-right">
                    <!--Service Block Two-->
                    <div class="service-block-two">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-crosshair"></span>
                            </div>
                            <h4><a href="/idea/4">精准化服务流程</a></h4>
                            <div class="text">Precision service process</div>
                        </div>
                    </div>

                    <!--Service Block Two-->
                    <div class="service-block-two">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-map"></span>
                            </div>
                            <h4><a href="/idea/5">集团化资源运作</a></h4>
                            <div class="text">Group resource operation</div>
                        </div>
                    </div>

                    <!--Service Block Two-->
                    <div class="service-block-two">
                        <div class="inner-box">
                            <div class="icon-box">
                                <span class="icon flaticon-social-2"></span>
                            </div>
                            <h4><a href="/idea/6">极致的客户体验</a></h4>
                            <div class="text">The ultimate customer experience</div>
                        </div>
                    </div>

                </div>

                <!--Image Column-->
                <div class="image-column col-md-4 col-sm-12 col-xs-12">
                    <figure class="image-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <img src="images/resource/logo-service.png" alt="" />
                    </figure>
                </div>

            </div>
        </div>

    </div>
</section>
<!--End Services Section-->

<!--Guards Section-->
<section class="guard-section">
    <div class="auto-container">
        <!--Sec Title-->
        <div class="sec-title">
            <h3>合作伙伴</h3>
            <!-- <div class="text">我们的服务</div> -->
        </div>
        <!--Sec Title-->

        <div class="row anli clearfix">
            @foreach($partner as $par => $val_p)
            <div class="col-md-2 col-sm-4 col-xs-6">
                <a href="{{$val_p['link']}}" target="_blank"><img src="/upload/{{ $val_p['picture'] }}" alt="" class="img-responsive" /></a>
            </div>
            @endforeach
            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/2.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/3.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/4.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/5.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/1.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}


            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/1.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/2.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/3.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/4.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/5.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}

            {{--<div class="col-md-2 col-sm-4 col-xs-6">--}}
                {{--<a href=""><img src="images/clients/1.png" alt="" class="img-responsive" /></a>--}}
            {{--</div>--}}


        </div>
        <div class="row anli">
            {{--<p><a href=""><span class="icon flaticon-hands"></span> 更多案例 </a></p>--}}
        </div>

    </div>
</section>

<!--End Guards Section-->
@endsection

@section('script')
    <script src="js/swiper.min.js"></script>
    <script src="/js/news.js"></script>
    <script>
        var mySwiper = new Swiper('.swiper-container', {
            autoplay: 5000,//可选选项，自动滑动
            loop : true,
            prevButton:'.swiper-button-prev',
            nextButton:'.swiper-button-next',
            pagination: '.swiper-pagination',
        })
    </script>
@endsection
